import { getTopCategoryAPI } from '@/apis/Category'
import { useRoute, onBeforeRouteUpdate } from 'vue-router'
import { ref, onMounted } from 'vue'

// 封装分类数据业务相关代码
export function useCategory() {
  // 获取分类数据
const route = useRoute()
const topCategory = ref({})

const getTopCategory = async (id = route.params.id) => {
  const res = await getTopCategoryAPI(id)
  topCategory.value = res.result
}
onMounted(() => getTopCategory())

// 目标:路由参数变化的时候 可以把分类数据接口重新发送
onBeforeRouteUpdate((to) => {
  // 存在问题：使用最新的路由参数请求最新的分类数据
  getTopCategory(to.params.id)
})

  return {
    topCategory
}
}